<script setup lang="ts">
import { useRouter } from 'vue-router'

// push和replace区别
// 相同点  都可以跳转页面
// 不同点  回退的时候 replace的这个回退时不会在跳回跳转的页面
// A push -> B push -> C , C回退，回退到B
// A push -> B replace -> C, C回退， 回退到A

// replace应用场景
// 登录 访问playground页面 -> 登录页面（replace） -> playground页面
// 付款页面  付款页面（replace） -> 跳转结果页
// 等
const router = useRouter()
</script>

<template>
  <div class="playground-a-page">
    <h1 @click="router.push('/playground-b')">playground-a</h1>
  </div>
</template>

<style scoped lang="scss"></style>
